<template>
	<view>
		<view class="uni-seleton">
				<view class="back-btn iconfont iconarrow_btn_left" @click="navBack">
					<i class="iconfont icon-xiangyoujiantou jianTou"></i>
				</view>
		</view>
		<image class="jCimg" src="../../static/jCimg.png" mode=""></image>
		<view class="view-1">
			<view  class="view-2">
				<text class="text-1">与彩色同游主题乡</text>
				<text>2022/12/18/8:00</text>
			</view>
			<image src="../../static/wenBen.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nbTitle: '',
				        titleIcon: '/static/logo.png',
				        titleIconRadius: '20px',
				        subtitleText: 'subtitleText',
				        nbLoading: false,
				        nbFrontColor: '#000000',
				        nbBackgroundColor: '#ffffff'
			}
		},
		methods: {
						navBack() {
							uni.navigateBack()
						}
		}
	}
</script>

<style lang="scss">
	.jCimg{
		width: 950px;
		height:632px;
	}
	.view-1{
		position: absolute;
		top: 400px;
		width: 100%;
		height: 100vh;
		border-radius: 20px;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.text-1{
		font-weight: bold;
		font-size: 30px;
	}
	.view-2{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 15px;
	}
	.view-1 image{
		width: 100%;
		height: 100%;
	}
	.back-btn {
			width: 100%;
			position: absolute;
			z-index: 999;
			padding-top: var(--status-bar-height);
			padding-left: 0upx;
			padding-right: 40upx;
			top: 0upx;
			font-size: 40upx;
			color: #1E1E1E;
			display: flex;
			align-items: center;
			.nav-title {
				width: 590upx;
				text-align: center;
			}
		}
		.jianTou{
			width: 50px;
			height: 50px;
			font-size: 30px;
			transform: rotate(180deg);
			color: white;
			font-weight: bold;
		}
</style>
